<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>折叠菜单</title>
     <!--引入2 css-->
         <link rel="stylesheet" href="../themes/default/easyui.css" type="text/css"/>
         <link rel="stylesheet" href="../themes/icon.css" type="text/css"/>
         <!--引入js文件-->
         <script type="text/javascript" src="../js/jquery.min.js"></script>
         <script type="text/javascript" src="../js/jquery.easyui.min.js"></script>
</head>
<body>
<div class="easyui-accordion"
     style="width: 300px;height: 400px"
     data-options="fit:false,border:true,animate:true,multiple:false,selected:1">

    <!-- 面板 -->
    <div title="标题1" data-options="iconCls:'icon-save'" style="overflow:auto;padding:10px;">
        北京
    </div>
    <div title="标题2" data-options="iconCls:'icon-reload'" style="padding:10px;">
        上海
    </div>
    <div title="标题3">
        广州
    </div>
    <div title="标题4" data-options="collapsible:true">
        深圳
    </div>

</div>
</body>
</html>